Method of preparing documents in markup languages when implementing a user interface

ABSTRACT

The present technical solution relates to user interfaces in general and more specifically to user interfaces related to dealing with data in computer information systems. A method of preparing documents written in markup languages during implementing a user interface for dealing with data of an information system, wherein: forming metadata for at least one operation; forming a template for representing said operation, the template including at least one document written in at least one markup language; forming and storing a link between the template and at least one operation; displaying the template, forming and storing links between the template elements and operations, wherein selecting a template element and displaying information about operations available for links forming; selecting an operation; forming and storing the link comprising the identifier for the template element selected previously and the identifier for the operation selected previously. The technical result is increasing the efficiency of preparing documents written in markup languages while implementing a user interface for dealing with data of an information system, optimizing time for preparing the documents and simplifying their further maintenance.

FIELD OF THE INVENTION

The present technical solution generally relates to user interfaces, andmore specifically to user interfaces intended for dealing with data incomputer information systems.

BACKGROUND OF THE INVENTION

To process data, the users of computer information systems typicallyinitiate execution of operations that may have input and outputparameters. Nowadays, markup languages, including, but not limited to,HTML and XML, are widely used in computer information systems, saidmarkup languages being used for storing, transmitting, publishing, andother data handling tasks including, inter alia, implementing a userinterface to initiate execution of operations, wherein, arguably, themost popular methods are ones where elements for representing the valuesof input and output parameters of operations and elements for initiatingexecution of operations are included in documents written in markuplanguages and provided to a user for processing in a browser. The usercan enter and edit the values of input parameters of operations,initiate execution of operations and observe the values of outputparameters of operations. It should be noted that documents written inmarkup languages, apart from the elements for representing the values ofparameters of operations and the elements for initiating execution ofoperations themselves, comprise auxiliary elements, said auxiliaryelements determining styles and/or a location for displaying of thevalues of parameters of operations in the browser. Moreover, suchdocuments may comprise design elements (for example, background images),auxiliary textual fragments (for example, descriptive notes) and otherelements not related to the operations or operation parameters. Toprovide a user with a possibility to enter or edit the values of inputparameters of operations, initiate execution of operations and observethe values of output parameters of operations using the browser, it isnecessary to ensure the availability, in documents written in a markuplanguage, of elements intended for representing the values of input andoutput parameters of operations, and elements intended for initiatingexecution of operations.

Prior art provides a method where special elements intended forinitiating execution of operations (for example, the FORM element inHTML) are inserted into documents written in markup languages, saidelements comprising an operation name indicated as the value of anattribute that includes an operation program address; and also insertedare special elements for representing the values of parameters of anoperation (for example, the INPUT elements in HTML). This methodrequires additional specific knowledge that includes at least theknowledge of syntax of a markup language used to form special elementswhich are inserted into documents. This method also requires dealingwith the source code of documents written in markup languages.

Prior art provides another method where special symbols and variablesassociated with said special symbols are inserted into locations,intended for placement of elements representing parameters of operationsand elements for initiating, by the user, execution of operations,within documents written in markup languages; said special symbols andvariables being replaced with metadata of operations/their parametersduring the process of preparing to transmit the documents to thebrowser. Processing of such documents, also known as “templates”, isperformed via so called template processors, for example, byApacheVelocity. This method requires additional specific knowledge thatincludes at least the syntax of a template processor. Moreover, thismethod is time consuming due to the process of inserting, into documentswritten in markup languages, the special symbols and variables, andtheir periodic update in cases of changes in the syntax of a templateprocessor or development thereof.

SUMMARY OF THE TECHNICAL SOLUTION

Below is a simplified description of the technical solution as an aid tounderstanding its certain aspects. This summary is not an extensiveoverview. It is not intended to identify key or critical elements of thepresent technical solution.

Its sole purpose is to present certain aspects in a simplified form, asa prelude to the more detailed description of the technical solutionthat follows.

It is an object of the present technical solution to ameliorate thedisadvantages of prior art.

The technical result is to improve the efficiency of preparing documentswritten in markup languages during implementing a user interface fordealing with data of an information system.

A further technical result being achieved herein is optimizing time forpreparing documents written in markup languages, and simplifying furthermaintenance of the documents.

The technical effect is achieved by means of elimination of the need forinserting additional information into documents written in markuplanguages, the additional information being intended to manage therepresentation of parameters of operations, and to manage actionstowards initiating, by the user, execution of operations, therebyeliminating the user's need to deal with the source code of a documentwritten in a markup language.

Said technical result is achieved by means of applying the method ofpreparing documents written in markup languages during implementing auser interface for dealing with data of an information system, whereinmetadata is formed for at least one operation; a template forrepresenting said operation is formed, said template consisting of atleast one document written in at least one markup language; a linkbetween the template and at least one operation is formed and saved; thetemplate is displayed, the links between the template elements andoperations are formed and saved, wherein a template element is selectedand information about operations available for link forming isdisplayed; an operation is selected; a link comprising the identifier ofa previously selected template element and the identifier of apreviously selected operation is formed and saved.

In some embodiments, the markup language is HTML, or XML, or XHTML, orDocBook.

In some embodiments, a template is formed using text editors with syntaxhighlighting, or WYSIWYG editors, or online editors.

In some embodiments, the formed template is saved to a server in adatabase.

In some embodiments, information about the formed link between atemplate and operation is saved to a server in a database.

In some embodiments, within the information about the formed linkbetween a template and operation, the identifier of a template type andthe identifier of a user language, said language being used to form thevalues of auxiliary elements of a template, are further saved.

In some embodiments, prior to displaying a template, the serverretrieves the template from a database and inserts, the followingelements into the template: an element comprising operationsidentifiers, using information about the link between the template andoperations; and an element enabling a program code library, the programcode intended to form and store links between the template elements andoperations, operations input and output parameters.

In some embodiments, the program code library is implemented in aprogramming language supported by the browser.

In some embodiments, the programming language supported by the browseris JavaScript or Dart.

In some embodiments, the program code library is located on a remoteserver accessed via the Internet.

In some embodiments, prior to displaying a template, the serverretrieves the template from the database and inserts, into the template,the following elements: an element comprising operations identifiers,using information about the link between the template and operations;and an element comprising a program code, the code intended to form andsave links between the template elements and operations, operationsinput and output parameters.

In some embodiments, for purposes of selecting a template element, theelement becomes graphically marked at a time when a user locates apointer on the template element.

In some embodiments, information about operations, operations input andoutput parameters, available for forming links is displayed as lists,said lists including only available operations, operations input andoutput parameters, that are not yet linked to any template element.

In some embodiments, information about operations, operations input andoutput parameters available for forming links is displayed in a separatebrowser window or in a movable area within a window displaying atemplate, wherein the links to the template elements are formed byemploying the Drag-and-Drop technique.

In some embodiments, after forming the link between a template elementand an operation, or its input or output parameter, this element becomesgraphically marked.

In some embodiments, a sequence of child elements indexes is used as theidentifier of a template element, the sequence of child elements indexesleads to an element from a known template element.

In some embodiments, the value of the ID attribute is used as theidentifier of a template element.

In some embodiments, the values of the ID attribute, which are uniquefor a template, are established for all template elements automaticallyafter forming a link between the template and operation.

In some embodiments, the value of the ID attribute, which is unique fora template, is established for the template element automatically duringforming a link between this element and operations, or input or outputparameters of the operations.

In some embodiments, an expression for a request, said expression beingwritten in the XPath language is used as the identifier of a templateelement.

In some embodiments, the unique template value of an element is used asthe identifier of a template element.

In some embodiments, to retrieve the identifiers of template elements,the XPath language is used.

In some embodiments, forming and saving a link between anoperation/input or output parameter of an operation and selectedtemplate element, using a control element displayed along with the listsof operations, operations input and output parameters available forforming the link are initiated.

In some embodiments, the formed links between template elements andoperations, operations input and output parameters are saved to a serverin a database.

DESCRIPTION OF THE DRAWINGS

The following description and the accompanying drawings formulateillustrative aspects of the technical solution in more detail. However,these aspects show only some of various methods of some embodiments ofthe given technical solution. Features and advantages of the presenttechnical solution will become apparent from the following detaileddescription and the accompanying drawings, where:

FIG. 1 depicts a fragment of a possible database structure with anindication of the tables attributes, the approximate content of tablesand links between the tables (as arrows), there are indicated:

table 100 of operations wherein operations metadata is stored;

table 101 of operations parameters wherein the metadata of operationsparameters is stored; a link between an operation parameter from table101 and an operation from table 100 is provided by storing the value ofthe operation identifier within the metadata of the operation parameter(in the “Operation ID” attribute in table 101);

table 102 of templates for representing operations wherein templatesmetadata is stored;

table 103 with paths to the elements of templates for operations,wherein paths to target elements from root elements of templates (asstrings including digital representations of numerical values of childelements indexes placed from left to right and separated by a semicolonsymbol), and event types for template elements, upon said event typesexecution of operations is initiated, are stored; a link between a pathfrom table 103 and a template from table 102 is provided by storing thevalue of a template identifier within table 103 (in the “Template ID”attribute in the table 103); a link between a path from table 103 and anoperation from table 100 is provided by storing the value of anoperation identifier within table 103 (in the “Operation ID” attributein table 103).

table 104 with paths to the elements of templates for parameters ofoperations, wherein paths to target elements from the root elements oftemplates (as strings including digital representations of numericalvalues of child elements indexes placed from left to right and separatedby a semicolon symbol) are stored; a link between a path from table 104and a template from table 102 is provided by storing the value of atemplate identifier within table 104 (in the “Template ID” attribute intable 104); a link between a path from table 104 and an operationparameter from table 101 is provided by storing the value of theidentifier of an operation parameter within table 104 (in the “ParameterID” attribute in table 104).

FIG. 2 depicts an abridged fragment of one of possible variants of atemplate written in HTML, in the fragment there are indicated:

auxiliary element 105 of the “horizontal line” type;

auxiliary label 106;

element 107 of the template for representing the value of “First_Name”input parameter of “Write_Hello” operation, and template value 108 ofthis element;

element 109 of the template for representing the value of “Hello_Msg”output parameter of “Write_Hello” operation, and template value 110 ofthis element;

element 111 of the template for initiating, by the user, execution of“Write_Hello” operation.

FIG. 3 depicts a visual representation, by the browser, of the abridgedfragment of one of possible variants of the template written in HTML,the fragment depicted in FIG. 2, there are indicated:

auxiliary element 105;

auxiliary label 106;

template values 108 and 110;

element 111 of the template for initiating, by the user, execution ofthe operation.

FIG. 4 depicts examples of possible variants of inserting, into atemplate, an element for enabling a program code library, the programcode provides forming and storing links between the template elementsand an operation, its input and output parameters, and an element withthe operation identifier, the operation linked to the template (in casethe template is formed in HTML and the program code of the library isformed in the JavaScript language). In FIG. 4 there are indicated:

example 112 of a simplified template for operation representation inHTML with element 113 inserted by the server, element 113 enables theprogram code library located in an external file named “markup_lib”;element 114 inserted into the template by the server, element 114, afterfinishing loading the template by the browser, provides the“prepare_for_markup” procedure call for preparing the template forforming and storing links between the template elements and theoperation, its input and output parameters;

example 115 of a simplified template for operation representation inHTML with element 116 inserted by the server, element 116 includes theprogram code of the library itself and, after finishing loading thetemplate by the browser, provides the “prepare_for_markup” procedurecall for preparing the template for forming and storing links betweentemplate elements and the operation, its input and output parameters;

operation identifier 117, the operation for which links between templateelements and the operation, its input and output parameters will beformed and stored.

FIG. 5 depicts a visual representation, by the browser, of the abridgedfragment of one of possible variants of a template written in HTML, thefragment depicted in FIG. 2, in mode of forming and storing linksbetween the elements and the operation, its input and output parameters.In FIG. 5 there are indicated:

element 107 selected and marked graphically (by a solid line frame);

dialog window 118, the window includes list 119 of operation parametersavailable for forming links; button 120 intended for starting theprocedure of forming and storing links.

FIG. 6 depicts examples of possible variants of inserting, into atemplate, an element for enabling a program code library, the programcode provides entering the values of input parameters of an operation,initiating execution of the operation, and representing, in thetemplate, the values of output parameters of the operation (in case thetemplate is formed in HTML, and the program code of the library isformed in the JavaScript language). In FIG. 6 there are indicated:

example 121 of a simplified template for operation representation inHTML with element 122 inserted by the server, element 122 enables theprogram code library located in an external file named “execution_lib”;

element 123 inserted into the template by the server, element 123, afterfinishing loading the template by the browser, provides the“prepare_for_execute” procedure call for preparing the elements of thetemplate for entering the values of input parameters of the operation,initiating execution of the operation and representing, in the template,the values of output parameters of the operation;

example 124 of a simplified template for operation representation inHTML with element 125 inserted by the server, element 125 includes theprogram code of the library itself and, after finishing loading thetemplate by the browser, provides the “prepare_for_execute” procedurecall for preparing the elements of the template for user's actionscomprising entering the values of input parameters of the operation,initiating execution of the operation and representing, in the template,the values of output parameters of the operation;

operation identifier 126.

FIG. 7 depicts an abridged example of an object (as a program codewritten in the JavaScript language for the object generation) forstoring, in the browser memory, the metadata of operations andoperations input and output parameters, wherein there are indicated:

property 127 wherein the name of the operation is stored;

property 128 wherein the path to the element of the template that isused for initiating execution of the operation is stored;

property 129 wherein the event type, said event to be called for theelement that is used for initiating execution of the operation, isstored;

array 130 of input parameters of the operation, the elements of saidarray 130 comprise names of parameters and paths from the root elementof the template to target elements of the template for representing thevalues of input parameters of the operation;

array 131 of output parameters of the operation, the elements of saidarray 131 comprise names of parameters and paths from the root elementof the template to target elements of the template for representing thevalues of output parameters of the operation;

FIG. 8 depicts examples of the functions of a program code library, theprogram code provides entering the values of input parameters of anoperation, initiating execution of the operation, and representing, inthe template, the values of output parameters of the operation (in casethe template is formed in HTML, and the program code of the library isformed in the JavaScript language). In FIG. 8 there are indicated:

auxiliary function 132 that takes a DOM root element and a path (fromthis root element) as parameters and returns the DOM element foundfollowing the path in correspondence with the root element;

function 133 of initiation of the values of template elementsrepresenting input and output parameters of the operation;

FIG. 9 depicts examples of the functions of a program code library, theprogram code provides entering the values of input parameters of anoperation, initiating execution of the operation, and representing, inthe template, the values of output parameters of the operation (in casethe template is formed in HTML, and the program code of the library isformed in the JavaScript language). In FIG. 9 there are indicated:

example 134 of a function, which receives the values of “First_Name” and“Last_Name” input parameters, and returns a greeting text as the valueof “Hello_Msg” output parameter.

function 135 of the operation execution call, with transfer of thevalues of input parameters, and with placement of the values of outputparameters;

function 136 of assigning an event handler for the element of thetemplate intended for initiating execution of the operation.

In FIG. 10 there are depicted:

visual representation 137 by the browser, of an example of a template,after preparing the elements of the template for entering the values ofinput parameters of an operation, initiating execution of the operation,and representing, in the template, the values of output parameters ofthe operation;

visual representation 138, by the browser, of the example of thetemplate, with entered values of “First_Name” and “Last_Name” inputparameters of “Write_Hello” operation.

visual representation 139, by the browser, of an example of a template,with the value of “Hello_Msg” output parameter, said value placed in thetemplate, after initiating execution of “Write_Hello” operation.

FIG. 11 depicts a block diagram showing an implementation variant of themethod for preparing documents written in markup languages whileimplementing a user interface for dealing with data of an informationsystem.

DETAILED DESCRIPTION OF THE TECHNICAL SOLUTION

Exemplary terms and denominations provided herein are intended to beonly illustrative examples of the present technical solution and are notintended to identify key or critical elements of the present technicalsolution; also they are not intended to influence the scope ofprotection, which is determined solely by the claims of the technicalsolution.

Merely for the purposes of ease of illustration, HTML is used herein asan example, however, as a person skilled in the art would appreciate,the present method can be implemented using any other markup languagewhich can be supported by browsers, and which provides a possibility ofhierarchic structure of markup elements and data within a documentwritten in this language. Such languages may be, for example, someapplications and the subsets of the SGML metalanguage.

The present technical solution may be implemented on a computer and as acomputer system or a storage media containing instructions forimplementing said method.

The present technical solution may be implemented in a distributedcomputer system.

Below are the terms and their definitions necessary for understandingthe present technical solution.

Data is reinterpretable representation of information in a formalizedmanner suitable for communication, interpretation, or processing(ISO/IEC 2382:2015, U.S. Pat. No. 2,121,272 “data”);

Data element is a unit of data that is considered in context to beindivisible (ISO/IEC 2382:2015, 2121599 (“data element”);

Database (DB) is a collection of data organized according to aconceptual structure describing the characteristics of these data andthe relationships among their corresponding entities, supporting one ormore application areas (ISO/IEC 2382:2015, U.S. Pat. No. 2,121,413“database”);

Metadata is data about data or data elements, possibly including theirdata descriptions, and data about data ownership, access paths, accessrights and data volatility (ISO/IEC 2382:2015, U.S. Pat. No. 2,121,505“metadata”);

Server is a functional unit that provides services to workstations, topersonal computers or to other functional units in a computer network(ISO/IEC 2382:2015, U.S. Pat. No. 2,120,558 “server”); functional unitthat provides shared services to workstations or to other functionalunits over a data network (ISO/IEC 2382:2015, U.S. Pat. No. 2,124,462“server”);

Web browser is an application program software for browsing web pages;in the context of the present specification, unless expressly providedotherwise, the web browser is intended to mean any software providing toa user an interface for dealing with documents written in markuplanguages and the ability to implement program code written in scriptlanguages such as, for example, but without being limitative, JavaScriptor Dart;

XPath (XML Path Language) is a language for addressing parts of an XMLdocument, designed to be used by both XSLT and XPointer(http://www.w3.org/TR/1999/REC-xpath-19991116/);

SGML (Standard Generalized Markup Language) is a metalanguage thatallows defining a markup language for documents (ISO 8879:1986,“Standard Generalized Markup Language”);

Entity is any concrete or abstract thing that exists, did exist, ormight exist, including associations among these things (ISO/IEC2382:2015, U.S. Pat. No. 2,121,433 “entity”);

Attribute is a named property of an entity (ISO/IEC 2382:2015, U.S. Pat.No. 2,121,440 “attribute”);

Entity class is a set of entities with a common attributes (ISO/IEC2382:2015, U.S. Pat. No. 2,121,438 “entity class”);

Entity occurrence (entity class occurrence) is a specific entity of agiven entity class (ISO/IEC 2382:2015, U.S. Pat. No. 2,121,439 “entityoccurrence”);

Attribute value is a specific occurrence of an attribute (ISO/IEC2382:2015, 2121441“attribute value”);

Operation is an action or a combination of actions on data and/ormetadata, which result in: the change in at least one element of data ormetadata, or the creation or deletion of at least one element of data ormetadata, or the formation of at least one resulting value.

Parameter (of an operation) is any value supplied to the input of anoperation, said value influencing the result of an operation (inputparameter) or being formed as a result of an operation (outputparameter).

Template (of representation of an operation) is a document written in amarkup language, said document may be located on a storage medium, thatcan be used while implementing a user interface for dealing with one orseveral operations;

Template element is the smallest indivisible structure template element(for example, an HTML tag);

Template type is a metadata element of a template, the template typeindicates intended use of a template, for example, “for touch screendevices”, “for the physically challenged” etc.; templates of differenttypes can be different in structure and appearance; templates intendedto represent entities in different user languages can also be differentin structure and appearance;

DOM (Document Object Model) is a platform- and language-neutralinterface that will allow programs and scripts to dynamically access andupdate the content, structure and style of documents(http://www.w3.org/DOM/);

AJAX (Asynchronous Javascript and XML) is a concept of building userinterfaces of web-applications, the concept is a “background” datacommunication between a browser and a web-server. As a result, duringdata refreshing a web-page is not fully downloaded and web-applicationsbecome faster and more convenient.

Drag-and-Drop is a method of operating interface elements in userinterfaces using a mouse manipulator or another pointer;

Distributed computer system is a set of independent computers (computerdevices) regarded by their users as a single combined system;

Command processing device is an electronic block or an integratedcircuit (microprocessor) executing computer instructions (programs).

Command processing device reads and executes computer instructions(programs) from one or more data storage devices. Data storage devicesare, for example, but without being limitative, HDD, flash memory, ROM,SSD.

Program is a sequence of instructions intended to be executed by acontrol device of a computer or a command processing device.

According to an embodiment of the method of preparing documents writtenin markup languages during implementing a user interface for dealingwith data of an information system (FIG. 11):

Step 140: forming metadata for at least one operation;

In exemplary embodiments, an operation comprises at least one parameterthat can be an input parameter or an output parameter.

In exemplary embodiments, an operation parameter may be an entityoccurrence identifier that may be transferred to, for example, anoperation of deletion of an entity occurrence from the database. Inother cases, for example, several values entered by the user aretransferred, as parameters, to the operation of creation of an entityoccurrence, and, when creating the entity occurrence, are saved to thedatabase as the values of attributes of an entity occurrence.

The metadata of operations is formed by initiating metadata elementsusing traditional tools intended for dealing with dictionaries, saidtools being known from the prior art, wherein, for example, suchmetadata elements as “operation identifier”, “operation name”,“operation description”, a set of “input parameters”, a set of “outputparameters”, and “operation program” that, when executed, will, in fact,be employed to achieve objectives of the operation, are initiated andsaved to the server and/or database.

Operations store data only for the period of execution, whereas entityclass occurrences are typically intended for long-term storage of data.

Step 141: forming a template for representing said operation, thetemplate including at least one document written in at least one markuplanguage;

In some embodiments, the markup language, for example, but without beinglimitative, HTML, or XML, or XHTML, or DocBook, is used to form anoperation template.

In some embodiments, documents written in markup languages are formedusing software suitable for the markup languages used including, butwithout being limitative, text editors with syntax highlighting, orWYSIWYG editors including online editors.

In templates for representation of operations, elements, which willrepresent the values of input/output parameters of operations, elementsintended for initiation, by the user, of execution of operations, andauxiliary elements are generated including (without being limitative)descriptive notes, background images, dividing lines and other elements.

In some embodiments, the values of template elements, the templateelements are intended to present values of operation parameters, areestablished using data types/sizes corresponding to the operationparameters.

In some embodiments, the formed template is saved to a server in adatabase.

Step 142: forming and storing a link between the template and at leastone operation;

In some embodiments, the link between a template and operation is formedby virtue of selecting an operation from a received, from the server,set of operations and selecting a template (including, but not limitedto: a file, WYSIWYG editor), thereby providing a link between theoperation and template.

In some embodiments, the information about the formed link is saved to aserver in a database. FIG. 1 illustrates one of possible variants ofstoring a link between a template and operation: the link between atemplate from the table 102 and an operation from the table 100 isprovided by storing the values of operation identifiers and templateidentifiers within the table 103 of paths to the elements of templatesfor operations, in the “Operation ID” and “Template ID” attributes,respectively.

In some embodiments, within the information about the formed linkbetween a template and operation, a template type identifier (forexample, an identifier indicating the purpose of a template type: “fortouch screen devices”, “for the physically challenged” etc. and a userlanguage identifier are further saved, said language being used forforming values of auxiliary elements of the template (for example, textdescriptions or images containing text).

Step 143: displaying the template, forming and storing links betweentemplate elements and operations, wherein:

selecting a template element and displaying information about operationsavailable for links forming; selecting an operation; forming and storinga link comprising the identifier for the template element selectedpreviously and the identifier for the operation selected previously.

The links between template elements and operations may be formed in thebrowser, thus allowing remote work, for example using the Internet.

In some embodiments, to retrieve the template for forming and storinglinks between template elements and operations, operations input andoutput parameters, retrieving of the template in the browser isinitiated, the browser requests the template from the server. The serverretrieves the template from the database and inserts, into the template,an element enabling a program code library, the code intended to formand store links between template elements and operations, operationsinput/output parameters, the server also inserts, into the template, anelement comprising operations identifiers, using information about thelinks between the template and operations, links formed and stored tothe database in the previous step; the server then sends the template tothe browser for displaying. FIG. 4 depicts example 112 of the simplifiedtemplate for operation representation with element 113 inserted by theserver, the element enables the program code library located in theexternal file named “markup_lib”, and with element 114 inserted by theserver, element 114 includes operation identifier 117.

In some embodiments, the server retrieves a template from the databaseand inserts, into the template, an element comprising a program code,the code intended to form and store links between the template elementsand operations, operations input/output parameters, and the operationsidentifiers using information about the links between the template andoperations, links formed and stored to the database in the previousstep; the server then sends the template to the browser for displaying.FIG. 4 depicts example 115 of the simplified template for operationrepresentation with element 116 inserted by the server, element 116comprises a program code and operation identifier 117.

In some embodiments, a program code intended to provide the user with anopportunity to form and store links between template elements andoperations, operations input/output parameters, is implemented in anyprogramming language supported by the browser such as, for example, butwithout being limitative, JavaScript or Dart.

In some embodiments, a program code library intended for forming andstoring links between template elements and operations, operations inputand output parameters, is located on a remote server accessed via theInternet.

In some embodiments, when the cursor (or any other pointer) is placed ona template element, this element is marked graphically for ease ofselecting the element for forming a link between the element and anoperation, its input/output parameter.

In some embodiments, when a template element is selected, theinformation about operations, operations input and output parameters,available for forming links, said information being received from aremote server, is displayed. FIG. 5 depicts a visual representation, bythe browser, of the abridged fragment of one of possible variants of atemplate written in HTML, the fragment depicted in FIG. 2, in mode offorming links between template elements and operations, operations inputand output parameters.

In some embodiments of the technical solution, the information aboutoperations, operations input and output parameters, available forforming links is displayed as lists, the lists include only availableoperations, operations input and output parameters, that are not yetlinked to any template element.

In some embodiments of the technical solution, the information aboutoperations, operations input and output parameters, available forforming links, is displayed in a separate browser window or in a movablearea within a window displaying the template, wherein forming links tothe template elements is effected using the Drag-and-Drop technique.

In some embodiments, an operation, its input and output parameters areselected, thereby forming and storing a link to a previously selectedtemplate element.

In some embodiments, an operation, its input and output parameters areselected, and then the formation and storing of a link to a previouslyselected template element, using a control element, for example, abutton displayed along with lists of operations, operations input andoutput parameters available for forming a link, are initiated. FIG. 5depicts button 120, button 120 intended for starting the procedure offorming and storing the link between “First_Name” parameter selected inlist 119 and previously selected template element 107.

In some embodiments, information about the formed and stored linkincludes an operation identifier, or an identifier of an input/outputparameter of an operation, and an identifier of a template element.“Identifier of a template element» is intended to mean any informationallowing the program code implemented by the browser to access the giventemplate element.

To deal with a document written in a markup language the browser builds,in the memory, an internal representation of the document and providesthe program code implemented by the browser with the access to saidrepresentation as DOM; to effect that the browser reproduces in thememory the document tag hierarchy. In DOM, each element, except for theroot element, has its single direct “parent” (a higher level element); alink to the parent element is stored within the element itself(parentNode for HTML and JavaScript), and all elements may have several“children” (lower level elements) and in this case each such element hasa special array of links to child elements (childNodes for HTML andJavaScript). Each link in the array has a sequential number (index).Thus, for each template element, by iteratively referring to direct“parents”, a unique sequence of child element indexes can be determined,the sequence goes from the root element (or another known element) tothe given element. In the context of the present application, in somecases, to abbreviate, this sequence will be referred to as “a path” (toan element).

In some embodiments, in case of using templates written in HTML, theBODY element is used as a root element.

In some embodiments, while forming a link between a template element andoperation, or its input or output parameter, a path from the DOM rootelement to the template element is used as the identifier of thetemplate element.

In some embodiments, the value of the ID attribute of a given templateelement is used as the identifier of the template element.

In some embodiments, the values of the ID attribute, which are uniquefor a template, are established for all template elements automaticallyafter forming a link between the template and operation.

In some embodiments, the value of the ID attribute, said value beingunique for a template, is established for a template elementautomatically during forming a link between this element and anoperation/its input or output parameter.

In some embodiments, an expression for a request, the expression writtenin XPath request language is used as the identifier of a templateelement.

In some embodiments, the unique value of an element is used as theidentifier of a template element.

In some embodiments, to retrieve the identifiers of template elements,the XPath language is used.

In some embodiments, after forming a link between a template element andoperation, or its input or output parameter, this element becomesgraphically marked.

In some embodiments, the formed links between the template elements andoperations, operations input and output parameters are stored to aserver in a database.

In some embodiments, paths to template elements are stored as stringsincluding digital representations of numerical values of indexes placedfrom left to right or from right to left and separated by a specialsymbol or a group of symbols. Thus, in table 104 depicted in FIG. 1, thepath to element 107 depicted in FIG. 2 from the BODY element is saved asthe “1;1;3” string. In table 104 depicted in FIG. 1, the path to element109 depicted in FIG. 2 from the BODY element is saved as the “5;1;3”string. In table 103 depicted in FIG. 1, the path to element 111depicted in FIG. 2 from the BODY element is saved as the “5;1;1” string.

As a person skilled in the art would understand, any known database typecan be used as a database. For example, it may be hierarchical, network,SQL and object-oriented databases.

The results of the method for preparing documents written in markuplanguages while implementing a user interface for dealing with data ofan information system may be used (without being limitative) as follows:

obtaining a template for representing an operation;

A request to the server to perform an operation is initiated in thebrowser. The browser sends the identifier of the operation within therequest. Using the identifier of the operation, the server refers to thedatabase and retrieves, from table 103, the identifier of the templatefor representing the operation, and then retrieves, from table 104, thetemplate file name. The server inserts, into the template, an elementenabling a program code library, the library provides receiving, by thebrowser, (in the next step of the method) necessary metadata of theoperation, its input and output parameters; preparing the elements ofthe template for execution of the operation, and also providing enteringthe values of input parameters of the operation, initiating execution ofthe operation, and placing, in the template, the values of outputparameters of the operation; the server further inserts, into thetemplate, an element comprising the identifier of the operation; theserver then sends the template to the browser for displaying. FIG. 6depicts example 121 of a variant of inserting, into the template, anelement for enabling a program code library and inserting the identifierof an operation, in case the library is located in an external file.

In some embodiments, the server inserts, into the template, the programcode of a library. FIG. 6 depicts example 124 of a variant of inserting,into the template, an element for enabling a program code library andinserting the identifier of an operation, in case the server insertsinto the template the program code of the library. The library may beimplemented in any programming language supported by the browser,including (but without being limitative) JavaScript or Dart.

In some embodiments, the external library may be located on a remoteserver accessed via the Internet.

obtaining the metadata of operations and their input and outputparameters, including information about links between operations/theirinput and output parameters and template elements;

In some embodiments, the metadata of operations is obtained using AJAX.

Possible database structure and exemplary possible compositions of themetadata of operations and their input and output parameters aredepicted in FIG. 1.

In some embodiments, the data and metadata received from the databaseare stored in the browser memory within the object; the program code ofthe library enabled in the previous step refers to that object. FIG. 7depicts an example of an object (as a program code written in theJavaScript language for object generation) for storing, in the browsermemory, the metadata of an operation, including information about linksbetween the operation/its input and output parameters and templateelements. The composition of metadata within an exemplary objectdepicted in FIG. 7 is fully corresponding to the exemplary possiblecomposition of metadata depicted in FIG. 1.

displaying a template;

In some embodiments, the program code of the library enabled previouslyuses an object placed into the browser memory in the previous step, theobject has the metadata of an operation, its input and output parametersto initiate the corresponding template elements. For example, function133 depicted in FIG. 8 first refers to array 130 of objects in a loopfashion (the objects comprising the names of input parameters of theoperation and paths to the elements of the template for representingvalues of input parameters of the operation) and, using auxiliaryfunction 132, finds the template elements and then replaces the templatevalues of the elements with a space, and further establishes the valueTRUE of the attribute CONTENTEDITABLE for these elements; unction 133refers then to array 131 of objects in a loop fashion (the objectscomprising the names of output parameters of the operation and paths tothe elements of the template for representing the values of outputparameters of the operation) and, using auxiliary function 132, findstemplate elements and then deletes the template values of the elements;function 136 depicted in FIG. 9, using a path included in property 128,finds a template element intended for initiating execution of theoperation, and assigns, to the template element, the operation indicatedin property 127, said operation used as the handler of an eventindicated in property 129. FIG. 10 depicts visual representation 137, bythe browser, of an exemplary template after preparing the elements ofthe template for entering the values of input parameters of theoperation, initiating execution of the operation and representing, inthe template, the values of output parameters of the operation, saidvisual representation corresponding to the exemplary object in thebrowser memory depicted in FIG. 7 and to the exemplary possiblecomposition of metadata depicted in FIG. 1.

In some embodiments, paths to template elements are used only for theprimary search. Then, temporary synthetic identifiers (using the IDattribute) are assigned to these elements to shorten the time ofreferring to the elements due to using the possibility of element searchusing a value of the ID attribute; such possibility is provided by DOM.

entering the values of input parameters of an operation;

The entry of the values of input parameters of an operation consists inchanging the values of elements of the template of the operation, in therepresentation of the template in the browser. FIG. 13 depicts visualrepresentation 138, by the browser, of the exemplary template afterentering the values of input parameters of the operation.

In some embodiments, in case of using templates written in HTML, apossibility to change the values of the parameters of the operation inthe WYSIWYG mode is used, for that purpose, the program code of thepreviously enabled library further establishes the value TRUE of theattribute CONTENTEDITABLE for corresponding template elements.

In some embodiments, the values of the input parameters of the operationare entered using a dialog window, the window appears upon selecting acorresponding template element.

In some embodiments, to ease the entry of the values of input parametersof operations, the template elements that comprise values available forentry are marked graphically.

In some embodiments, to ease the entry of the values of input parametersof operations, the template elements that comprise values that havealready been entered are marked graphically;

initiating execution of an operation.

Execution of an operation is initiated by an action towards a templateelement, said action resulting in an event, within the context of saidelement, said event being handled by a previously assigned operationcall. For example, according to the exemplary object in the browsermemory depicted in FIG. 7, execution of the operation is initiated byway of pressing a pointer's button, e.g. a mouse, touching an element ona touch screen, or in another fashion, resulting in generating the“onclick” event within the context of element 111. The browser initiatesan event handler, represented by a previously assigned call of function135 shown in FIG. 9, said function: in a loop fashion, using array 130of input parameters of the operation, using auxiliary function 132,finds template elements and forms, based on the values of the templateelements, the array of input parameters of the operation; executes theoperation, with transfer of input parameters; in a loop fashion, usingarray 131 of output parameters of the operation, using auxiliaryfunction 132, finds template elements and initiates them by using thevalues of output parameters. FIG. 10 depicts visual representation 139,by the browser, of the exemplary template after initiating execution ofthe operation and placing the values of output parameters of theoperation in corresponding template elements.

In some embodiments, for a template element, an operation call isassigned as a handler of more than one event; to this end, more than oneevent is also stored to the metadata of operations.

This detailed description is written using different non-limitative andnon-exhaustive embodiments. As a person skilled in the art wouldunderstand, different changes, modifications and combinations of anydescribed embodiments (fully or partially) may be effected within thescope of the present technical solution. Thus, it is intended to meanthat the present description includes additional embodiments that arenot explicitly set forth. Such embodiments may be obtained by way of,for example, combination, modification and transformation of anyactions, components, elements, features, aspects, characteristics,limitations etc. associated with the non-limitative embodimentsdescribed herein.

1. A method of preparing documents written in markup languages duringimplementing a user interface for dealing with data of an informationsystem, the method comprising: forming metadata for at least oneoperation; forming a template for representing said operation, thetemplate including at least one document written in at least one markuplanguage; forming and storing a link between the template and at leastone operation; displaying the template, forming and storing linksbetween template elements and operations, wherein selecting a templateelement, and displaying information about operations available for linksforming; selecting an operation; forming and storing a link comprisingthe identifier for the template element selected previously and theidentifier for the operation selected previously.
 2. A method of claim1, wherein, when forming metadata for an operation, the operation has aninput or output parameter.
 3. A method of claim 1, wherein the markuplanguage is HTML, or XML, or XHTML, or DocBook.
 4. A method of claim 1,wherein the template is formed using text editors with syntaxhighlighting, or WYSIWYG editors, or online editors.
 5. A method ofclaim 1, wherein the formed template is stored to a server in adatabase.
 6. A method of claim 1, wherein the information about theformed link between the template and the operation is stored to a serverin a database.
 7. A method of claim 1, wherein, within the informationabout the formed link between the template and the operation, theidentifier of the template type and the identifier of a user languageare further stored, said user language being used to form the values ofauxiliary elements of the template.
 8. A method of claim 1, wherein,prior to displaying the template, the server retrieves the template froma database and inserts, into the template, the following elements: anelement comprising an operation identifier, using information about thelink between the template and the operation; and an element enabling aprogram code library, the program code intended to form and store linksbetween the template elements and the operations.
 9. A method of claim1, wherein, prior to displaying the template, the server retrieves thetemplate from the database and inserts, into the template, the followingelements: an element comprising an operation identifier, usinginformation about the link between the template and the operation; andan element comprising a program code, the code intended to form andstore links between the template elements and the operations.
 10. Amethod of claim 1, wherein, for selecting a template element, whenpointing a cursor onto the template element, said template elementbecomes graphically marked.
 11. A method of claim 1, wherein theinformation about operations available for forming links is displayed aslists, the lists include only available operations not yet linked to anytemplate element.
 12. A method of claim 1, wherein the information aboutoperations available for forming links is displayed in a separatebrowser window or in a movable area within a window displaying thetemplate.
 13. A method of claim 1, wherein the formation of links totemplate elements is implemented via employing the Drag-and-Droptechnique.
 14. A method of claim 1, wherein, after forming a linkbetween a template element and an operation, said element becomesgraphically marked.
 15. A method of claim 1, wherein the sequence ofchild element indexes, said sequence leading to an element from a knowntemplate element, or the value of the ID attribute, or an expression fora request, the expression written in the XPath request language, or theunique value of an element is used as the identifier of the templateelement.
 16. A method of claim 1, wherein, to retrieve the identifiersof template elements, the XPath request language is used.
 17. A methodof claim 1, wherein the formed links between template elements andoperations are stored to a server in a database.